<!doctype html>
<html>
<head>
    <base href="/">
    <title>PINPOINT</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="author" content="Naver" /> 
    <meta name="keywords" content="반응형, HTML5, CSS3, RESPONSIVE, Flex layout, PINPOINT, Font awesome" /> 
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="assets/fonts/fontawesome-free-5.0.10/css/fontawesome-all.min.css" />
    <link rel="stylesheet" type="text/css" href="assets/fonts/fonts.css"/>
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="shortcut icon" href="favicon.ico" type="image/ico">
    <link rel="icon" href="favicon.ico" type="image/ico">
</head>
<body id="pinpoint">
    <pp-root>
        <div style="display: flex;height: 100%; width: 100%; justify-content: center;align-items: center;">
            <div style="background-color: #00d5ff;padding: 20px 20px;border-radius: 280px;opacity: 0;border:1px solid #408dd4;box-shadow:10px 10px 5px 0px rgba(0,0,0,0.75);animation: rootFadeIn 3s;">
                <div style="background-color: #408dd4;padding: 200px 200px;border-radius: 220px;">
                    <div style="background-color: #00d5ff;padding: 10px 10px;border-radius: 10px;"></div>
                </div>
            </div>
        </div>
    </pp-root>
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-57786344-1', 'auto');
    </script>
</body>
</html>
